<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>这是用于表格table练习的网页</title>
	</head>
	<body>
		<!-- 1.标签
		 table
		 tr
		 td-->
		<!-- 2.属性
		  border
		  cellspacing
		  width
		  height
		  colspan
		  rowspan-->


		<!-- cellspacing-单元格的间距
		 cellpadding-格子内容与格子的间距
		 border-表格和格子边框线
		 width-整个表格占网页的百分比或者表格占的像素
		 align-整个表格在网页的位置-->
		<table border="10px" bordercolor="white" cellspacing="0px" cellpadding="0px" bgcolor="antiquewhite" width="30%" align="center">
			<tbody>
				<tr>
					<!-- tablerow-行里的列-->
					<th>第一列</th><!-- tableheadercell-标题格子 -->
					<th>第二列</th>
					<th>第三列</th>
				</tr>
				<td>11</td><!-- tabledatacell-格子 -->
				<td>12</td>
				<td>13</td>
				</tr>
				<tr>
					<td>21</td>
					<td>22</td>
					<td>23</td>
				</tr>
				<tr>
					<td>31</td>
					<td>32</td>
					<td>33</td>
				</tr>


			</tbody>
			<tbody>
				<tr>
					<td>11</td>
					<td rowspan="2">12 22</td><!-- rowspan-行合并 -->
					<td>13</td>
				</tr>
				<tr>
					<td>21</td>
					<!-- <td>22</td> -->
					<td>23</td>
				</tr>
				<tr>
					<td>31</td>
					<td>32</td>
					<td>33</td>
				</tr>
			</tbody>
		</table>

		<table border="10px" bordercolor="white" cellspacing="2px" align="center" width="30%">
			<tr>
				<th>总页面流量</th>
				<th>共计来访</th>
				<th>会员</th>
				<th>游客</th>
			</tr>
			<tr>
				<td>11</td>
				<td>12</td>
				<td>13</td>
				<td>14</td>
			</tr>
			<tr>
				<td>21</td>
				<td>22</td>
				<td>23</td>
				<td>24</td>
			</tr>
			<tr>
				<td>31</td>
				<td>32</td>
				<td>33</td>
				<td>34</td>
			</tr>
			<tr>
				<td>41</td>
				<td>42</td>
				<td>43</td>
				<td>44</td>
			</tr>
			<tr>
				<td>51</td>
				<td colspan="3">52</td><!-- colspan-列合并 -->
				<!-- <td>53</td> -->
				<!-- <td>54</td> -->
			</tr>

		</table>

		<form>
			<!-- form标签 提交数据 -->
			<table bgcolor="bisque" cellpadding="3" cellspacing="0" border="1" width="35%" align="center">
				<tr>
					<th colspan="2">注册表单</th>
				</tr>
				<tr>
					<td>用户名</td>
					<td>
						<input type="text" name="user" />
					</td>
				</tr>
				<tr>
					<td>密码</td>
					<td>
						<input type="password" name="pwd" />
					</td>
				</tr>
				<tr>
					<td>再次输入密码</td>
					<td>
						<input type="password" name="repwd" />
					</td>
				</tr>
				<tr>
					<td>昵称</td>
					<td>
						<input type="text" name="nickname" />
					</td>
				</tr>
				<tr>
					<td>邮箱</td>
					<td>
						<input type="text" name="mail" />
					</td>
				</tr>
				<tr>
					<td>性别</td>
					<td>
						<input type="radio" name="sex" value="1" />男
						<input type="radio" name="sex" value="2" />女
					</td>
				</tr>
				<tr>
					<td>爱好</td>
					<td>
						<input type="checkbox" name="favorites" value="1" />篮球
						<input type="checkbox" name="favorites" value="2" />足球
						<input type="checkbox" name="favorites" value="3" />排球
					</td>
				</tr>
				<tr>
					<td>城市</td>
					<td>
						<select name="city">
							<option value="1">北京</option>
							<option value="2">上海</option>
							<option value="3">武汉</option>
							<option value="4">乌鲁木齐</option>
							<option value="5">台湾</option>
							<option value="6">香港</option>
							<option value="7">澳门</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>头像</td>
					<td>
						<input type="file" name="path" />
					</td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<button type="submit">提交</button>
						<button type="reset">重置</button>
					</td>
				</tr>
			</table>
		</form>

		
	</body>
</html>
